import 'package:flutter/material.dart';

class ListViewCase extends StatefulWidget {
  ListViewCase({super.key});
  List<String> arr = [];
  @override
  State createState() => _ListViewCase();
}

class _ListViewCase extends State<ListViewCase> {
  @override
  void initState() {
    for (var i = 0; i < 10; i++) {
      widget.arr.add('第${i + 1}个');
    }
    super.initState();
  }

  Widget getListItem(int index) {
    return Container(
      height: 100,
      color: index % 2 == 0 ? Colors.amber : Colors.blueAccent,
      child: Text(widget.arr[index]),
    );
  }

  @override
  Widget build(BuildContext context) {
    // LiseView.builder 构造函数用法
    return ListView.builder(
        itemBuilder: (BuildContext context, int index) {
          return getListItem(index);
        },
        itemCount: widget.arr.length);
    // ListView 子组件固定用法
    // return ListView(
    //   scrollDirection: Axis.horizontal,
    //   children: [
    //     Container(
    //       width: 100,
    //       color: Colors.amber,
    //     ),
    //     Container(
    //       width: 100,
    //       color: Colors.deepOrange,
    //     ),
    //     Container(
    //       width: 100,
    //       color: Colors.blueAccent,
    //     ),
    //     Container(
    //       width: 100,
    //       color: Colors.deepOrange,
    //     ),
    //     Container(
    //       width: 100,
    //       color: Colors.blueAccent,
    //     ),
    //     Container(
    //       width: 100,
    //       color: Colors.amber,
    //     ),
    //     Container(
    //       width: 100,
    //       color: Colors.deepOrange,
    //     ),
    //     Container(
    //       width: 100,
    //       color: Colors.blueAccent,
    //     ),
    //     Container(
    //       width: 100,
    //       color: Colors.amber,
    //     ),
    //   ],
    // );
  }
}
